<template>
<div>
  <van-nav-bar title="协会详情" left-text="返回" left-arrow @click-left="onClickLeft" fixed />
  <div class="details">
    <div class="details-title">王者荣耀</div>
    <div class="details-item">
      <div class="details-name">法人</div>
      <div class="details-desc">李白</div>
    </div>
    <div class="details-item">
      <div class="details-name">办公地址</div>
      <div class="details-desc">广东省广州市番禺区南浦区桔树村48号</div>
    </div>
    <div class="details-item">
      <div class="details-name">联系人</div>
      <div class="details-desc">李白</div>
    </div>
    <div class="details-item">
      <div class="details-name">联系电话</div>
      <div class="details-desc">1304587548</div>
    </div>
    <div class="details-item">
      <div class="details-name">邮箱</div>
      <div class="details-desc">1844009337@qq.com</div>
    </div>
  </div>
  <van-divider dashed>协会介绍</van-divider>
  <div class="introduce">
    <div class="introduce-title">协会简介</div>
    <div class="introduce-desc">
      陕西传媒网讯 （记者 张硕）10月16日，商洛市消费扶贫协会成立大会在商州召开，市委副书记李豫琦出席会议并讲话。市委常委、副市长张礼进主持会议，市县相关部门、53家市消费扶贫协会会员单位以及27家扶贫产品采购单位和企业参加会议。经过表决和选举，陕西君威农贸集团董事长胡勇当选成为商洛市消费扶贫协会会长。
      李豫琦指出，消费扶贫是产业扶贫的重要环节，是打赢脱贫攻坚战的重要路径，对于促进贫困地区产业持续发展、群众稳定脱贫至关重要。市消费扶贫协会的成立，架起了政府、企业、农户联系的桥梁，搭建了企业合作交流、资源互补、共同发展的平台，标志着我市消费扶贫工作迈入了一个新阶段，也为商洛打赢脱贫攻坚战增添了一支重要的有生力量。李豫琦强调，市消费扶贫协会要立足职能、发挥作用，当好参谋助手，深入研究消费扶贫中的热点难点问题，为党委、政府和企业提供好的意见建议。要整合资源力量，聚集商洛特色农产品资源，握紧拳头、抱团营销，更好地打开销路。要提升品牌形象，用好国家农产品质量安全市金字招牌，对扶贫产品统一品牌形象、统一质量管控、统一设计包装。要助推产业优化，引导企业立足自身优势，细分市场需求，延长产业链条。要加强行业自律，建立企业监督约束机制，引导会员企业依法诚信经营。 </div>
  </div>
  <div style="margin: 30px;">
    <van-button round block type="info" @click="apply">申请加入</van-button>
  </div>
  <div class="dibider">
    <van-divider :style="{ color: '#f7f8fa;', borderColor: '#f7f8fa;', padding: '0 16px' }">
      到底啦
    </van-divider>
  </div>
</div>
</template>

<script>
import {
  Dialog
} from 'vant';
export default {
  name: "associationDetail",
  methods: {
    onClickLeft() {
      this.$router.push({
        name: 'associationList'
      })
    },
    apply() {
      Dialog.alert({
        message: '确认加入该协会吗？',
        theme: 'round-button',
      }).then(() => {
        this.$router.push({ name: 'individual' })
      });
    }
  },
}
</script>

<style>
.details {
  margin-top: 60px;
  width: 335px;
  margin-left: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 14px rgba(78, 112, 184, 0.07);
  border-radius: 8px;
  padding: 10px
}

.details-title {
  font-size: 20px;
  font-weight: 500;
  color: #171A1F;
  line-height: 30px;
}

.details-item {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f3f3f3;
}

.details-name {
  width: 100px;
  font-size: 13px;
  line-height: 20px;
  color: #6A6F7A;
}

.details-desc {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.introduce {
  margin-top: 10px;
  width: 335px;
  margin-left: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 14px rgba(78, 112, 184, 0.07);
  border-radius: 8px;
  padding: 10px
}

.introduce-title {
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  color: #6A6F7A;
}

.introduce-desc {
  margin-top: 5px;
  font-size: 8px;
  line-height: 20px;
  color: #7e7e80;
}

.dibider {
  width: 375px;
  height: 50px
}
</style>
